<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name=renderer content="webkit">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/4.4.6/css/swiper.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/hover.css/2.3.1/css/hover-min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/animate.css/3.7.0/animate.min.css">
    <link rel="stylesheet" href="css/init.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="static/css/style.css">
    <title>首页</title>
    <style>
        #header1 {
            position: fixed;
            z-index: 2019;
            background-color: transparent;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0);
        }

        #header1 .logo {
            position: relative;
            top: 15px;
        }

        #header1 .logo-title h1 {
            color: #fff;
        }

        #header1 .logo-title p {
            color: #fff;
        }

        #header1 .nav .nav__item-link {
            color: #fff;
            font-size: 15px;
            border-bottom: 2px solid transparent;
        }

        #header1 .nav .nav__item-link:hover {
            border-bottom: 2px solid #fff;
            box-shadow: 0 -2px 6px rgba(0, 0, 0, 0);
        }

        #header1 .nav .nav__item-link i {
            color: #fff !important;
        }

        #header1 .nav .nav-active {
            color: #fff;
            border-bottom: 2px solid #fff !important;
        }
    </style>
</head>

<body>
    <div class="header" id="header1">
        <div class="clear" style="width:100%;height:10px;margin:auto;"></div>
        <div class="container d-flex justify-content-between align-items-center">
            <!-- logo -->
            <a class="logo" href="#">
                <div class="logo-img"><img src="img/logo-fu.png"></div>
                <div class="logo-title">
                    <h1>西安易野户外运动</h1>
                    <p>Xi'An&nbsp;&nbsp;Yi&nbsp;Ye&nbsp;&nbsp;Outdoor&nbsp;&nbsp;Sports</p>
                </div>
            </a>
            <!-- 导航 -->
            <ul class="nav">
                <li class="nav__item"><a class="nav__item-link nav-active" href="#">首页</a></li>
                <li class="nav__item dropdown">
                    <a class="nav__item-link" href="#">课程体系&nbsp;<i class="fa fa-angle-down"></i></a>
                    <div class="dropdown-menu">
                        <a href="#">拓展培训</a>
                        <a href="#">创意团建</a>
                        <a href="#">休闲徒步</a>
                        <a href="#">深度旅行</a>
                        <a href="#">亲子活动</a>
                        <a href="#">夏令营</a>
                    </div>
                </li>
                <li class="nav__item"><a class="nav__item-link" href="#">基地介绍</a></li>
                <li class="nav__item"><a class="nav__item-link" href="#">客户案例</a></li>
                <li class="nav__item"><a class="nav__item-link" href="#">新闻资讯</a></li>
                <li class="nav__item dropdown">
                    <a class="nav__item-link" href="#">关于我们&nbsp;<i class="fa fa-angle-down"></i></a>
                    <div class="dropdown-menu">
                        <a href="#">公司简介</a>
                        <a href="#">师资团队</a>
                        <a href="#">招贤纳士</a>
                    </div>
                </li>
                <li class="nav__item"><a class="nav__item-link" href="#">联系我们</a></li>
            </ul>
        </div>
    </div>
    <div class="header" id="header2" style="display:none;position:fixed;z-index: 2019;">
        <div class="container d-flex justify-content-between align-items-center">
            <!-- logo -->
            <a class="logo" href="#">
                <div class="logo-img"><img src="img/logo.png"></div>
                <div class="logo-title">
                    <h1>西安易野户外运动</h1>
                    <p>Xi'An&nbsp;&nbsp;Yi&nbsp;Ye&nbsp;&nbsp;Outdoor&nbsp;&nbsp;Sports</p>
                </div>
            </a>
            <!-- 导航 -->
            <ul class="nav">
                <li class="nav__item"><a class="nav__item-link nav-active" href="#">首页</a></li>
                <li class="nav__item dropdown">
                    <a class="nav__item-link" href="#">课程体系&nbsp;<i class="fa fa-angle-down"></i></a>
                    <div class="dropdown-menu">
                        <a href="#">拓展培训</a>
                        <a href="#">创意团建</a>
                        <a href="#">休闲徒步</a>
                        <a href="#">深度旅行</a>
                        <a href="#">亲子活动</a>
                        <a href="#">夏令营</a>
                    </div>
                </li>
                <li class="nav__item"><a class="nav__item-link" href="#">基地介绍</a></li>
                <li class="nav__item"><a class="nav__item-link" href="#">客户案例</a></li>
                <li class="nav__item"><a class="nav__item-link" href="#">新闻资讯</a></li>
                <li class="nav__item dropdown">
                    <a class="nav__item-link" href="#">关于我们&nbsp;<i class="fa fa-angle-down"></i></a>
                    <div class="dropdown-menu">
                        <a href="#">公司简介</a>
                        <a href="#">师资团队</a>
                        <a href="#">招贤纳士</a>
                    </div>
                </li>
                <li class="nav__item"><a class="nav__item-link" href="#">联系我们</a></li>
            </ul>
        </div>
    </div>
    <!-- 轮播图 -->
    <div class="ui-fullpart nopd" id="banner">
        <div class="ui-homebanner">
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane" id="slide1">
                    <div class="img" style="background-image: url(static/images/homebanner-img1.jpg);">
                        <div class="text"><img src="static/picture/homebanner-t1.png" alt="西安网站建设">
                            <div class="ct">
                                <p class="p1">年专注，网站建设</p>
                                <p class="p2"><img src="static/picture/homebanner-t2.png" alt="西安网站制作"></p>
                                <p class="p3">专注品质化高端网站构建，树立企业整体品牌形象<br>增强网络互动的体验以及在手机等移动端的优质呈现</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div role="tabpanel" class="tab-pane" id="slide2">
                    <div class="img" style="background-image: url(static/images/homebanner-img2.jpg);">
                        <div class="view">
                            <div class="ct">
                                <p class="p1"><img src="static/picture/hombanner-img21.png" alt="西安网站设计"></p>
                                <p class="p2"><img src="static/picture/hombanner-img22.png" alt="西安网页设计"></p>

                            </div>
                        </div>
                    </div>
                </div>
                <div role="tabpanel" class="tab-pane" id="slide3">
                    <div class="img" style="background-image: url(static/images/homebanner-img3.jpg);">
                        <div class="view">
                            <div class="ct">
                                <p class="p4"><img src="static/picture/hombanner-img31.png" alt="西安网站建设"></p>
                                <p class="p5"><img src="static/picture/hombanner-img32.png" alt="西安网站制作"></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="wk_arrow"><a href="#nextpage" anchor><img src="static/picture/ico3.png" /></a></div>
            <div class="wk_slide-nav-wrap">
                <div id="wk_slide-nav">
                    <ul role="tablist">
                        <li class="wk_nav-line"></li>
                        <li role="presentation" class="wk_nav-bullet-container" data-index="0">
                            <a class="nav-link" href="#slide1" role="tab" data-toggle="tab">
                                <div class="nav-bullet"></div>
                                <div class="nav-text">高端定制开发</div>
                            </a>
                        </li>
                        <li class="wk_nav-line"></li>
                        <li role="presentation" class="wk_nav-bullet-container" data-index="1">
                            <a class="nav-link" href="#slide2" role="tab" data-toggle="tab">
                                <div class="nav-bullet"></div>
                                <div class="nav-text">互联网整合营销</div>
                            </a>
                        </li>
                        <li class="wk_nav-line"></li>
                        <li role="presentation" class="wk_nav-bullet-container" data-index="2">
                            <a class="nav-link" href="#slide3" role="tab" data-toggle="tab">
                                <div class="nav-bullet"></div>
                                <div class="nav-text">响应式网站</div>
                            </a>
                        </li>
                        <li class="wk_nav-line"></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 主体 -->
    <div class="main">
        <!-- 课程体系 -->
        <div class="section section--course">
            <div class="container">
                <div class="section-head">
                    <div class="headline wow fadeInUp">
                        <div class="headline-title">课程体系</div>
                        <p class="headline-sub">Ke&nbsp;Cheng&nbsp;Ti&nbsp;Xi</p>
                    </div>
                    <ul class="columnNav wow fadeInUp">
                        <li class="columnNav__item"><a class="columnNav__item-link columnNav-active hvr-float"
                                href="#">查看详情</a>
                        </li>
                    </ul>
                </div>
                <div class="section-cont">
                    <div class="course-box">
                        <div class="gallery-top">
                            <ul>
                                <li>
                                    <a href="#">
                                        <div class="coures-img">
                                            <img src="holder.js/100px100p?random=yes">
                                        </div>
                                        <div class="coures-txt">
                                            <h5 class="ellipsis-1">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</h5>
                                            <p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="coures-img">
                                            <img src="holder.js/100px100p?random=yes">
                                        </div>
                                        <div class="coures-txt">
                                            <h5 class="ellipsis-1">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</h5>
                                            <p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="coures-img">
                                            <img src="holder.js/100px100p?random=yes">
                                        </div>
                                        <div class="coures-txt">
                                            <h5 class="ellipsis-1">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</h5>
                                            <p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="coures-img">
                                            <img src="holder.js/100px100p?random=yes">
                                        </div>
                                        <div class="coures-txt">
                                            <h5 class="ellipsis-1">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</h5>
                                            <p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="coures-img">
                                            <img src="holder.js/100px100p?random=yes">
                                        </div>
                                        <div class="coures-txt">
                                            <h5 class="ellipsis-1">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</h5>
                                            <p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="coures-img">
                                            <img src="holder.js/100px100p?random=yes">
                                        </div>
                                        <div class="coures-txt">
                                            <h5 class="ellipsis-1">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</h5>
                                            <p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="gallery-thumbs">
                            <ul>
                                <li class="coures-active">
                                    <h5>拓展训练</h5>
                                    <i class="fa fa-free-code-camp"></i>
                                </li>
                                <li>
                                    <h5>创意团建</h5>
                                    <i class="fa fa-bicycle"></i>
                                </li>
                                <li>
                                    <h5>休闲徒步</h5>
                                    <i class="fa fa-ils"></i>
                                </li>
                                <li>
                                    <h5>深度旅行</h5>
                                    <i class="fa fa-chain-broken"></i>
                                </li>
                                <li>
                                    <h5>亲子活动</h5>
                                    <i class="fa fa-handshake-o"></i>
                                </li>
                                <li>
                                    <h5>夏令营</h5>
                                    <i class="fa fa-snowflake-o"></i>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 基地介绍 -->
        <div class="section section--field">
            <div class="container">
                <div class="section-head">
                    <div class="headline wow fadeInUp">
                        <div class="headline-title">基地介绍</div>
                        <p class="headline-sub">Ji&nbsp;&nbsp;Di&nbsp;&nbsp;Jie&nbsp;&nbsp;Shao</p>
                    </div>
                    <ul class="columnNav wow fadeInUp">
                        <li class="columnNav__item"><a class="columnNav__item-link columnNav-active" href="#">全部</a>
                        </li>
                        <li class="columnNav__item"><a class="columnNav__item-link" href="#">西安市</a></li>
                        <li class="columnNav__item"><a class="columnNav__item-link" href="#">咸阳市</a></li>
                    </ul>
                </div>
                <div class="section-cont">
                    <ul class="fieldList">
                        <li class="fieldList__item">
                            <a href="#">
                                <div class="fieldList__item-img">
                                    <img src="holder.js/100px100p?random=yes">
                                </div>
                                <div class="fieldList__item-txt">
                                    <h5 class="ellipsis-1">标题标题标题标题标题标题标题标题标题</h5>
                                </div>
                            </a>
                        </li>
                        <li class="fieldList__item">
                            <a href="#">
                                <div class="fieldList__item-img">
                                    <img src="holder.js/100px100p?random=yes">
                                </div>
                                <div class="fieldList__item-txt">
                                    <h5 class="ellipsis-1">标题标题标题标题标题标题标题标题标题</h5>
                                </div>
                            </a>
                        </li>
                        <li class="fieldList__item">
                            <a href="#">
                                <div class="fieldList__item-img">
                                    <img src="holder.js/100px100p?random=yes">
                                </div>
                                <div class="fieldList__item-txt">
                                    <h5 class="ellipsis-1">标题标题标题标题标题标题标题标题标题</h5>
                                </div>
                            </a>
                        </li>
                        <li class="fieldList__item">
                            <a href="#">
                                <div class="fieldList__item-img">
                                    <img src="holder.js/100px100p?random=yes">
                                </div>
                                <div class="fieldList__item-txt">
                                    <h5 class="ellipsis-1">标题标题标题标题标题标题标题标题标题</h5>
                                </div>
                            </a>
                        </li>
                        <li class="fieldList__item">
                            <a href="#">
                                <div class="fieldList__item-img">
                                    <img src="holder.js/100px100p?random=yes">
                                </div>
                                <div class="fieldList__item-txt">
                                    <h5 class="ellipsis-1">标题标题标题标题标题标题标题标题标题</h5>
                                </div>
                            </a>
                        </li>
                        <li class="fieldList__item">
                            <a href="#">
                                <div class="fieldList__item-img">
                                    <img src="holder.js/100px100p?random=yes">
                                </div>
                                <div class="fieldList__item-txt">
                                    <h5 class="ellipsis-1">标题标题标题标题标题标题标题标题标题</h5>
                                </div>
                            </a>
                        </li>
                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
        <!-- 客户案例 -->
        <div class="section section--case">
            <div class="container">
                <div class="section-head">
                    <div class="headline wow fadeInUp">
                        <div class="headline-title">客户案例</div>
                        <p class="headline-sub">Ke&nbsp;&nbsp;&nbsp;Hu&nbsp;&nbsp;&nbsp;An&nbsp;&nbsp;&nbsp;Li</p>
                    </div>
                    <ul class="columnNav wow fadeInUp">
                        <li class="columnNav__item"><a class="columnNav__item-link columnNav-active hvr-float"
                                href="#">查看详情</a>
                        </li>
                    </ul>
                </div>
                <div class="section-cont">
                    <ul class="caseList">
                        <li class="caseList__item">
                            <a href="#">
                                <div class="caseList__item-img">
                                    <img src="holder.js/100px100p?random=yes">
                                </div>
                                <div class="caseList__item-txt">
                                    <h5 class="ellipsis-1">标题标题标题标题标题标题标题标题标题</h5>
                                </div>
                            </a>
                        </li>
                        <li class="caseList__item">
                            <a href="#">
                                <div class="caseList__item-img">
                                    <img src="holder.js/100px100p?random=yes">
                                </div>
                                <div class="caseList__item-txt">
                                    <h5 class="ellipsis-1">标题标题标题标题标题标题标题标题标题</h5>
                                </div>
                            </a>
                        </li>
                        <li class="caseList__item">
                            <a href="#">
                                <div class="caseList__item-img">
                                    <img src="holder.js/100px100p?random=yes">
                                </div>
                                <div class="caseList__item-txt">
                                    <h5 class="ellipsis-1">标题标题标题标题标题标题标题标题标题</h5>
                                </div>
                            </a>
                        </li>
                        <li class="caseList__item">
                            <a href="#">
                                <div class="caseList__item-img">
                                    <img src="holder.js/100px100p?random=yes">
                                </div>
                                <div class="caseList__item-txt">
                                    <h5 class="ellipsis-1">标题标题标题标题标题标题标题标题标题</h5>
                                </div>
                            </a>
                        </li>
                        <li class="caseList__item">
                            <a href="#">
                                <div class="caseList__item-img">
                                    <img src="holder.js/100px100p?random=yes">
                                </div>
                                <div class="caseList__item-txt">
                                    <h5 class="ellipsis-1">标题标题标题标题标题标题标题标题标题</h5>
                                </div>
                            </a>
                        </li>
                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
        <!-- 新闻资讯 -->
        <div class="section section--news">
            <div class="container">
                <div class="section-head">
                    <div class="headline wow fadeInUp">
                        <div class="headline-title">新闻资讯</div>
                        <p class="headline-sub">Xin&nbsp;Wen&nbsp;Zi&nbsp;Xun</p>
                    </div>
                    <ul class="columnNav wow fadeInUp">
                        <li class="columnNav__item"><a class="columnNav__item-link columnNav-active" href="#">全部</a>
                        </li>
                        <li class="columnNav__item"><a class="columnNav__item-link" href="#">行业资讯</a></li>
                        <li class="columnNav__item"><a class="columnNav__item-link" href="#">公司动态</a></li>
                    </ul>
                </div>
                <div class="section-cont d-flex justify-content-between">
                    <div class="toplineBox">
                        <a class="d-block" href="#">
                            <div class="toplineBox-date wow fadeInUp">03-07</div>
                            <div class="toplineBox-title ellipsis-1 wow fadeInUp">
                                标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</div>
                            <div class="toplineBox-desc wow fadeInUp">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</div>
                            <div class="toplineBox-img wow fadeInUp"><img src="holder.js/100px100p?random=yes"></div>
                            <div class="toplineBox-more">&nbsp;</div>
                        </a>
                    </div>
                    <ul class="newsList">
                        <li class="newsList__item wow fadeInUp">
                            <a class="newsList__item-link" href="#">
                                <div class="newsList__item-date">07-12</div>
                                <div class="newsList__item-title ellipsis-1">标题标题标题标题标题标题标题标题标题标题</div>
                                <div class="newsList__item-desc">
                                    内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
                                </div>
                                <div class="newsList__item-more">→</div>
                            </a>
                        </li>
                        <li class="newsList__item wow fadeInUp">
                            <a class="newsList__item-link" href="#">
                                <div class="newsList__item-date">07-12</div>
                                <div class="newsList__item-title ellipsis-1">标题标题标题标题标题标题标题标题标题标题</div>
                                <div class="newsList__item-desc">
                                    内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
                                </div>
                                <div class="newsList__item-more">→</div>
                            </a>
                        </li>
                        <li class="newsList__item wow fadeInUp">
                            <a class="newsList__item-link" href="#">
                                <div class="newsList__item-date">07-12</div>
                                <div class="newsList__item-title ellipsis-1">标题标题标题标题标题标题标题标题标题标题</div>
                                <div class="newsList__item-desc">
                                    内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
                                </div>
                                <div class="newsList__item-more">→</div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 联系我们 -->
        <div class="section section--contact">
            <div class="container">
                <div class="section-head">
                    <div class="headline wow fadeInUp">
                        <div class="headline-title text-white">联系我们</div>
                        <p class="headline-sub text-white">Lian&nbsp;Xi&nbsp;Wo&nbsp;Men</p>
                    </div>
                    <ul class="columnNav wow fadeInUp">
                        <li class="columnNav__item">
                            <a class="columnNav__item-link columnNav-active hvr-float" href="#">查看详情</a>
                        </li>
                    </ul>
                </div>
                <div class="section-cont d-flex justify-content-between align-items-center" style="height:430px;">
                    <div id="amap" class="wow fadeInUp" style="width: 48%;height: 100%;"></div>
                    <form class="h-100" action="#">
                        <ul class="row">
                            <li class="col-12 wow fadeInUp">
                                <input class="name" type="text" placeholder="姓名">
                            </li>
                            <li class="col-12 wow fadeInUp">
                                <input class="phone" type="text" placeholder="电话">
                            </li>
                            <li class="col-12 wow fadeInUp">
                                <input class="email" type="text" placeholder="邮箱">
                            </li>
                            <li class="col-12 wow fadeInUp">
                                <textarea class="text" rows="5" placeholder="内容"></textarea>
                            </li>
                            <li class="col-12 wow fadeInUp">
                                <button class="more hvr-sweep-to-right bg-white" type="submit">留言提交</button>
                            </li>
                        </ul>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- 页脚 -->
    <div class="footer">
        <div class="container d-flex justify-content-between">
            <table class="table table-sm table-borderless wow fadeInUp">
                <thead>
                    <tr>
                        <th colspan="2">西安易野户外运动有限公司</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><img src="img/eyewx1.jpg">
                            <div>微信公众号</div>
                        </td>
                        <td><img src="img/eyewx2.jpg">
                            <div>微信公众号</div>
                        </td>
                    </tr>
                </tbody>
            </table>
            <ul class="ft-list wow fadeInUp">
                <li>电话：029-0000000</li>
                <li>邮编：710000</li>
                <li>地址：北京市建外SOHO东区2号楼</li>
            </ul>
            <ul class="ft-list wow fadeInUp">
                <li>手机：18049450912</li>
                <li>Q&nbsp;Q：349511163</li>
                <li>邮箱：349511163@qq.com</li>
            </ul>
        </div>
        <div class="copyright wow fadeInUp">
            <div class="container">Copyright&nbsp;2019&nbsp;西安易野户外运动有限公司&emsp;&emsp;&emsp;技术支持：西安云浪科技</div>
        </div>
    </div>
</body>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.6/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/wow/1.1.2/wow.min.js"></script>
<script src="https://cdn.bootcss.com/Swiper/4.4.6/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/holder/2.9.6/holder.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-color/2.1.2/jquery.color.min.js"></script>
<script src="https://cdn.bootcss.com/ScrollToFixed/1.0.8/jquery-scrolltofixed-min.js"></script>
<script src="https://webapi.amap.com/maps?v=1.4.11&key=939c5cc0ad008e17db90d1a53218dcb5"></script>
<script src="js/aui-scroll.js"></script>
<script src="js/script.js"></script>
<script src="https://cdn.bootcss.com/jQuery.Marquee/1.5.0/jquery.marquee.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        new WOW().init();
        // 页头下拉
        (function () {
            var scroll = new auiScroll({
                listen: true,
                distance: 200
            }, function (ret) {
                if (ret.scrollTop > $('#banner').height()) {
                    $('#header1').hide();
                    $('#header2').show();
                } else {
                    $('#header1').show();
                    $('#header2').hide();
                }
            });
        })();
        // 轮播图
        (function () {
            var bannerSwiper = new Swiper('#banner.swiper-container', {
                loop: true,
                grabCursor: true,
                autoplay: {
                    delay: 3000,
                    stopOnLastSlide: false,
                    disableOnInteraction: true
                },
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev'
                },
            });
        })();
        // 课程体系swiper
        (function () {
            var num = $('.course-box .gallery-top ul li').length;
            $('.course-box .gallery-top ul').width(num * 1200);
            $('.course-box .gallery-thumbs ul li').hover(function () {
                var index = $(this).index();
                $(".course-box .gallery-top ul").stop().animate({
                    left: -(1200 * index) + "px"
                });
                $('.course-box .gallery-thumbs ul li').removeClass('coures-active');
                $('.course-box .gallery-thumbs ul li').eq(index).addClass('coures-active');
            });
        })();
        // 客户案例swiper
        (function () {
            $(".caseList").marquee({
                direction: 'left',
                duration: 30000,
                gap: 20,
                delayBeforeStart: 1000,
                duplicated: true,
                startVisible: true,
                pauseOnHover: true
            });
        })();
        // 地图
        (function () {
            var map = new AMap.Map('amap', {
                zoom: 18,
                center: [108.936343, 34.292971]
            });
            map.plugin(["AMap.ToolBar"], function () {
                var toolBar = new AMap.ToolBar();
                map.addControl(toolBar);
            });
            var infoWindow = new AMap.InfoWindow({
                content: "<h5>西安易野户外运动有限公司</h5><p>西安市未央区纬二十六街居业大厦1幢1单元10604室</p>"
            });
            infoWindow.open(map, map.getCenter());
        })();
    });
</script>

</html>